import { themes } from "./model";
// 修改页面中的样式变量值
const changeStyle = (obj) => {
    for (let key in obj) {
        document
            .getElementsByTagName("body")[0]
            .style.setProperty(`--${key}`, obj[key]);
    }
};

// 判断修改主题或使用已设定的主题
/**
 * 
 * @param {*} themeName 
 * @param {*} isTry 是临时设置，用于点击按钮预览样式
 */
export const setTheme = (themeName,isTry=false) => {
    !isTry&&localStorage.setItem("theme", themeName); // 保存主题到本地，下次进入使用该主题
    const themeConfig = themes[themeName];
    changeStyle(themeConfig);
};